<template>
  <div class="com" v-if="path" :style="{'background-image': 'url(' + path + ')'}">
  </div>
</template>

<script>
export default {
  props: {
    path: [String],
    width: [String]
  },
  methods: {
  }
}
</script>

<style scoped lang="less">
@import '../assets/less/var.less';
.com {
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0 auto;
}
</style>
